import { reqAddUser } from '../../api'
// 给file 输入框绑定选择文件的监听(change)
document.getElementById('profile').onchange = (e) => {
    // 得到选择的文件file对象
    const file = e.target.files[0]
    // 对file中包含的图片进行base64编码
    // 创建读取文件的reader对象
    const fileReader = new FileReader()
    // 读取文件  => 异步的
    fileReader.readAsDataURL(file)
    // 绑定读取完成的监听
    fileReader.onload = () => {
        // console.log(fileReader.result)
        // 显示到页面
        document.getElementById('preview').src = fileReader.result
    }
}
// 添加用户的表单
const addForm = document.getElementById('addForm')
// 提交按钮点击事件
addForm.onsubmit = async (e) => {
    e.preventDefault()
    // 根据Form来创建formData对象
    const formData = new FormData(addForm) // 专门用来收集带文件的表单数据
    // console.log(formData.get('username'))
    // console.log(formData.get('pwd'))
    // console.log(formData.get('profileFile'))
    // 请求添加
    const { code, msg } = await reqAddUser(formData)
    if (code === '200') {
        alert(msg)
    } else {
        // 请求成功, 跳转到列表页面
        window.location.href = '/users.html'
        // 请求失败, 提示错误信息
        alert(msg)
    }
}
